Ext.ns("CRM.SPComp");

(function(){
	var activityStore=CRM.commons.createStore('activityReportStoreId',CRM.SPComp.activityDataArray,'activityreports/showActivitiesDynamically');
	   
    var win;
  
    
    CRM.SPComp.showPrintActivityWindow = function (griddata){
		 
		var win;
		var leadHeader = {
    			xtype	 : 'fieldset', 
    			height 	:35,
		   		width  	: 700,
    			border 	: false, 
    			align	: 'center',
    			layout	:'column',
    			items   :[{
						     border : false,
					    	 autoScroll : true,
					    	 layout :'table', 
					    	 layoutConfig : {columns : 8 },
					    	 items:[{
									xtype 	: 'container', 
									layout 	: 'form',
									width 	: 150,
									items 	: [{ xtype : 'label', html :'<b>Period:</b>'},{ xtype:'label',id:'period'}]
								 },
								 {
										xtype : 'container',
										layout: 'form',
										width : 180,
										items : [{ xtype : 'label', html :'<b>From Date:</b>'},{ xtype:'label',id:'frDate'}]
							     },
								 {
										xtype : 'container', 
										layout: 'form',
										width : 180,
										items : [{ xtype : 'label', html :'<b>To Date:</b>'},{ xtype:'label',id:'tDate'}]
								 },
								 {
										xtype : 'container', 
										layout: 'form',
										width : 180,
										items : [{ xtype : 'label', html :'<b>Status:</b>'},{ xtype:'label',id:'statusLabel'}]
								},
								{
										xtype : 'container', 
										layout: 'form',
										width : 180,
										items : [{ xtype : 'label', html :'<b>Priority:</b>'},{ xtype:'label',id:'priorityLabel'}]
								},
								 {
										xtype : 'container',
										layout: 'form',
										width : 180,
										items : [{ xtype : 'label', html :'<b>Activity Type:</b>'},{ xtype:'label',id:'actType'}]
							     }]
						}]
					
    	 };
		
		 var pagingToolBar =  {
				                 xtype      :'paging',
				                 displayInfo:true,
				                 pageSize   : 10
         };

		 var leadDetail = Ext.apply({}, { 
       	  height  : 300,
		  width   : 1055,
       	  layout  : 'column',
       	  items   : [CRM.commons.createGrid('activitiesReportSearchGrid', griddata, CRM.SPComp.createActivityColumnModel())],
          bbar    : { 
				       xtype       : 'toolbar',
		               buttonAlign : 'right',
		               items : [pagingToolBar,'-',
		                        {
					               xtype  : 'button',
					               text   : 'Print',
					               width  : 80,
					               align  : 'left',
					               id     : 'print',
					               handler : function(){ window.print();}
			                     },'-',
							    {
			                      xtype   : 'button',
			                      width   : 80,
			                      id	  : 'cancelButton',
			                      text    : 'Cancel',
			                      handler : function(){win.close();}
			                    },'-'
                             ]
	                } 
          }, leadHeader);
		 
		 var reportContainer = {
         		  xtype 	: 'container',
         		  layout 	: 'vbox',
         		  height 	: 500,
         		  width 	: 1055,
         		  layoutConfig : {
         		  align 	: 'stretch'
         		  },
         		  items 	: [leadHeader,leadDetail]
         		  };


			 var mainPanel = new Ext.Panel({
	             renderTo    : Ext.getBody(),
	             id          : 'mainPanel',
	             layout      : 'border',
	             height      : 550,
	             width       : 950,
	             frame       : false,
	             items       : [{ xtype : 'panel', region : 'north',id : 'northPeriod', height : 30, width :'100%',
	            	              frame : false, html : '<H1 align="center" font-size:20px>Ativity Report</H1> '
			 	                },
	                            { xtype:'panel', region: 'center',id:'centerPeriod',frame : false,items:[reportContainer]}
			 	               ]
	         });
			 
			
        	    win = new Ext.Window({
        		   id    	   : 'reportWindow',
        		   title  	   : 'Create Report Window',
        		   width 	   : 1070,
        		   height	   : 400,
        		   layout      : 'fit',
        		   border      :  true,
               	   plain  	   : false,
                   closable    : true,
               	   collapsible : true,
               	   animCollapse: true,
               	   draggable   : true,
               	   maximizable : false,
               	   onEsc	   : true,
               	   model	   : true,
               	   items       : [mainPanel]
               	});
        	 
        	
        		win.show(this);
        		return win; 
        	};
        	
})();

